<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>何人堂网站首页</title>
        
        <!--****js或jq的设置**-->
        <script type="text/javascript" src="js/jquery-1.4.3.js"></script>
         <!--子菜单-->
         <script type="text/javascript" src="js/subMenu.js"></script> 
       <script type="text/javascript" src="js/rolling.js"></script>
		<!--固定广告、菜单-->
		<script src="js/fixedAds.js" type="text/javascript"></script>
        <!--***css样式区***-->
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <link rel="stylesheet" type="text/css" href="css/rolling.css"/>
        <link rel="stylesheet" type="text/css" href="css/styles.css" >
        <!--固定广告的样式 -->
		<link rel="stylesheet" type="text/css" href="css/fixedAds.css" />
        <!--回顶部和建议代码-->
		<link rel="stylesheet" type="text/css" href="css/backTop.css" />
		<script type="text/javascript" src="js/backTop.js"></script>
        
		<style>
        .contact_form{
			padding-top:40px;
		}
        .title {
			background-color:rgba(0,0,0,0.56); 
			text-align:center; 
			width:100%;
			 position:fixed; 
			top:0; left:0;
			 padding:5px 0;
		}
    	.title a {
			color:#FFF; 
			text-decoration:none; 
			font-size:16px; 
			font-weight:bolder; 
			line-height:24px;
		}
        </style>
        
   <script type="text/javascript">
		  	function changeValidateCode(obj){
		  		var timeNow = new Date().getTime();
		  		obj.src="./CheckCode.do?time="+timeNow;
		  	}	
  </script>
   </head>

<body>
	<div>
        <%@include file="head.jsp" %>
        </div><br/>
        <!----------------------********头部结束********---------------------------->
        
       <!---***中部***-->
		<div align="left">
			<!--中上部-->
			<!---***图片滚动----对应的样式是rolling.css***-->
			<div align="center">
				<table  width="47%" height="240" >
					<tr>
						<td style="border-style: none; border-width: medium">
							<form class="contact_form" action="./login.do" method="post"
								name="userInfo">
								<ul>
									<li>
										<h2 style="float: left;">请登录</h2>
									</li>
									<li><label for="email">电子邮件:</label> <input type="email"
										name="mail" placeholder="请输入邮箱" required /> <span
										class="form_hint">正确格式为：123456@qq.com</span></li>
									<li><label for="password">密码:</label> 
                                    	<input type="password" name="password"  placeholder="请输入密码" required pattern="(?![a-zA-Z]+$)(?![0-9]+$)[a-zA-Z0-9]{6,15}" /> 
                                        <span class="form_hint">请输入长度为6-15位的密码,不能为纯数字!</span></li>
                                    <li><label for="checkNum">验证码:</label> 
                                    	<input type="text" name="hrtMemberCheckout" style="width:80px;" placeholder="请输入验证码" required />
                                        <img  src= "./CheckCode.do" onclick="changeValidateCode(this)" width="100" height="30" title="刷新验证码" style="cursor: hand;" />
                                        <span class="form_hint">请输入正确的验证码!</span></li>
									<li>
										<button class="submit" type="submit">登陆</button><span>${checkError }</span>
                                        <a class="login_form_li_a" href="">忘记密码？|</a>&nbsp;<a class="login_form_li_a2" href="<%=request.getContextPath()%>/HRTWEB/register.jsp">免费注册</a>
									</li>
								</ul>
							</form>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<!--**中中部**-->
		<div></div>
		<!----------------------********中部结束********---------------------------->
        <!---***尾部***-->
       <%@include file="foot.jsp" %>

		<!----------------------********尾部结束********---------------------------->
		<!-- 回顶部和建议代码开始 -->
		<div id="tboxs">
			<div id="tbox">
				<a id="gotop" href="javascript:void(0)"></a> <a id="htky_jianyi"
					target="_blank" href="#"></a>
			</div>
		</div>
</body>
</html>